<!-- Mark Of The Web- see http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/overview/motw.asp for info why this is here -->
<!-- saved from url=(0024)http://www.microsoft.com/ -->
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>WPF/E QuickStart: Welcome to WPF/E</title>
    <link rel="stylesheet" type="text/css" href="stylesheet.css" />
    <script type='text/javascript' src='samples/aghost.js'></script>
</head>
<body style="margin: 0">
    <table class="outer" cellpadding="0" cellspacing="0">
        <tr>
            <td width="230px" class="navigation-cell" valign="top">
              <div class="navigation-content">
                
  <div id="tocControlHost"></div>

    <script type="text/javascript" src="assets/toc.js"></script>

    <script type="text/javascript">
        // Create the WPF/E ActiveX control.
        // The technique used here enables your WPF/E content to receive
		// input before its ActiveX control is clicked.
        new agHost(
            "tocControlHost", // hostElementID (HTML element to put WPF/E
                             // ActiveX control inside of -- usually a <div>)
	        "tocControl1", // ID of the WPF/E ActiveX control we create
	        "230x", // width
	        "410px", // height
            "#00000000", //backgroundcolor
	        null, // SourceElement (name of script tag containing xaml)
	        "assets/toc.xaml", //source file
	        "true", // IsWindowless
	        "30",  // MaxFrameRate

	        null // OnError handler (method name -- no quotes)
	    );
    </script>



    <script type="text/javascript">
    var visibility = new Object();
    for (var i=0; i != 0; i++) {
        visibility["xaml"+i] = true;
        visibility["js"+i] = true;
        visibility["cs"+i] = true;
    }
            
    function toggleCode(id, text) {
        if (visibility[id]) {
            visibility[id] = false;
            document.getElementById(id).style.display = "none";
            document.getElementById(id+ "_hyperlink").innerHTML = "[show "+ text + "]";
        } else {
            visibility[id] = true;
            document.getElementById(id).style.display = "";
            document.getElementById(id+ "_hyperlink").innerHTML = "[hide "+ text + "]";
        }
        window.event.returnValue = false;
    }
    </script>

              </div>
            </td>
            <td width="5px">
            </td>
            <td valign="top">
                <div style="margin: 5px">
                <div class="header-section">
<table>
  <tr>
  <td>    <div id="agControlHostLogol1"></div>
      <script type="text/javascript">
        // Create the WPF/E ActiveX control.
        // The technique used here enables your WPF/E content to receive
		// input before its ActiveX control is clicked.
        new agHost(
            "agControlHostLogol1", // hostElementID (HTML element to put WPF/E
                             // ActiveX control inside of -- usually a <div>)
	        "agControlLogo", // ID of the WPF/E ActiveX control we create
	        "225px", // width
	        "139px", // height
            "#00000000", //backgroundcolor
	        null, // SourceElement (name of script tag containing xaml)
	        "assets/quickstart-logo.xaml", //source file
	        "true", // IsWindowless
	        "30",  // MaxFrameRate

	        null // OnError handler (method name -- no quotes)
	    );

	    // Create a global variable for the WPF/E ActiveX control,
        // to use when you want to retrieve named XAML elements.
        var agControl = document.getElementById("agControl1");
    </script>

   <!--<img src="images/notebook_plain.png" /></td>--><td><h1>WPF/E QuickStart</h1></td>
  </tr>
</table>
</div>
 
<p>Welcome to the WPF/E QuickStart!&nbsp; These QuickStart pages don&#39;t cover every detail of
WPF/E, but they&#39;ll help get you started. This QuickStart contains the following
documents.</p>
<p>&nbsp;</p>

<div>
<table class="in-page-toc-table">
<tr>
  <td>&nbsp;</td>
  <td></td><td></td>
</tr>
<tr>
  <td align="left" class="desc">
  <img alt="" src="images/bookwithtools.png" width="225" height="139" /></td>
  <td align="left" class="desc">
  <p><a href="FileSetup-frames.html">part 1: create a WPF/E project</a></p><p>
	Get the necessary files to start creating WPF/E content.</p></td>
</tr>
<tr>
  <td><img alt="" src="images/bookwithtools.png" width="225" height="139" /></td>
  <td><p><a href="xaml-frames.html">part 2: create a XAML file</a></p><p>
	Create a simple drawing.</td>
</tr>
<tr>
  <td class="desc">
	<img alt="" src="images/canvasnotebook.png" width="225" height="139" /></td>
  <td class="desc"><p><a href="canvas-frames.html">the Canvas object</a></p><p>
	Learn how to use a Canvas to contain and position objects.</td>
</tr>
<tr>
  <td><img alt="" src="images/drawingnotebook.png" width="225" height="139" /></td>
  <td><p><a href="drawing-frames.html">drawing and painting</a></p><p>
	Create shapes and paint them with solid colors, gradients, and images.</td>
</tr>
<tr>
  <td class="desc">
	<img alt="" src="images/gearnotebook.png" width="225" height="139" /></td>
  <td class="desc"><p><a href="visual-frames.html">common graphics properties</a></p><p>
	Rotate and skew objects, make them fade from view, or clip them.</td>
</tr>
<tr>
  <td><img alt="" src="images/cameranotebook.png" width="225" height="139" /></td>
  <td><p><a href="image-frames.html">images</a></p><p>Add
	images to your WPF/E content.</td>
</tr>
<tr>
  <td class="desc">
	<img alt="" src="images/textnotebook.png" width="225" height="139" /></td>
  <td class="desc"><p><a href="text-frames.html">text</a></p><p>Add text
	to your WPF/E content.</td>
</tr>
<tr>
  <td><img alt="" src="images/movienotebook.png" width="225" height="139" /></td>
  <td><p><a href="media-frames.html">media</a></p><p>Play
	video and sound in your WPF/E content.</td>
</tr>
<tr>
  <td class="desc">
	<img alt="" src="images/animationnotebook.png" width="225" height="139" /></td>
  <td class="desc"><p><a href="animations-frames.html">animations</a></p><p>
	Animate objects.</td>
</tr>
<tr>
  <td><img alt="" src="images/boltsnotebook.png" width="225" height="139" /></td>
  <td><p><a href="scripting-frames.html">scripting and mouse events</a></p><p>
	Make your WPF/E content interactive.</td>
</tr>
<tr>
  <td class="desc">
	<img alt="" src="images/notebook_plain.png" width="225" height="139" /></td>
  <td class="desc"><p><a href="controls-frames.html">sample controls</a></p><p>
	A few examples.</td>
</tr>
<tr>
  <td><img alt="" src="images/bookwithtools.png" width="225" height="139" /></td>
  <td><p><a href="vs-html-frames.html">create a Visual Studio WPF/E project</a></p><p>
	Use Visual Studio to edit WPF/E files.</td>
</tr>

</table>
</div>

<div class="copyright-section">
<p>Copyright © 2007 Microsoft Corporation.
All rights reserved. <a href="http://www.microsoft.com/info/cpyright.htm" target="new">Legal Notices</a>.</p>
</div>

    <script type="text/javascript">
    var visibility = new Object();
    for (var i=0; i != 0; i++) {
        visibility["xaml"+i] = true;
        visibility["js"+i] = true;
        visibility["cs"+i] = true;
    }
            
    function toggleCode(id, text) {
        if (visibility[id]) {
            visibility[id] = false;
            document.getElementById(id).style.display = "none";
            document.getElementById(id+ "_hyperlink").innerHTML = "[show "+ text + "]";
        } else {
            visibility[id] = true;
            document.getElementById(id).style.display = "";
            document.getElementById(id+ "_hyperlink").innerHTML = "[hide "+ text + "]";
        }
        window.event.returnValue = false;
    }
    </script>

                </div>
            </td>
        </tr>
    </table>
</body>
</html>
